<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@page import = "edu.ues21.tcs.ecommerce2011.mvc.model.Usuario"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<jsp:useBean id="usuario" scope="request" type='edu.ues21.tcs.ecommerce2011.mvc.model.Usuario'/>

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Home</title>
        <script type="text/javascript" src="jquery-1.6.2.min.js"></script>
    </head>
    <body>
    <!--Logout:--> 
        <div align="right">
            <label>Bienvenido <%=Integer.toString(((Usuario)request.getAttribute("usuario")).getUser())%> </label>
            <input type="button" value="Logout" onclick="document.location.replace('../Ecommerce2011/index.jsp')"/>		 
		</div>
	
			<label for="txtBuscar">Buscar</label>
            <input type="text" name="txtBuscar" id="txtBuscar"/>
            <input type="button" value="Buscar" id="btnBuscar"/>
            <div id="resultadoBusqueda"></div>
        <script>
            $(document).ready(function(){
                $("#btnBuscar").click(function(){
                    $.ajax({
                        type:"POST",
                        url:"buscar.do",
                        data:"txtBuscar="+$("#txtBuscar").val(),
                        success:function(result){
                            $("#resultadoBusqueda").html(result);
                        }
                    });
                });
            });
        </script>
	
	<!--Detalle de Artículos de Ejemplo-->
	<form name="detalleForm" method="post" action="detalle.do">
      	<h2>Articulos</h2>                       
      	<label>Artículo 1</label>
        <input type="button" value="Ver Detalle" onclick="document.detalleForm.submit();"/>
        <br/>
     </form>
		
	
				
        <!--
        Las líneas comentadas contienen las otras dos formas de mostrar beans-
        -y el form utilizado para BUSCAR:
        
        <h1>Bienvenido ${param['user']}
		</h1>
        <br/>
        <label>Bienvenido: ${usuario.user}</label>
        <br/> 
        <br/>
                 
        <form name="buscarForm" method="post" action="buscar.do">
        	<h2>Buscar</h2>
            <label for="textoB">Ingrese el Modelo:</label>
            <input type="text" name="textoB"/>                       
            <input type="button" value="Buscar" onclick="document.buscarForm.submit();"/>
            <br/>
        </form>
        -->
    </body>
</html>
